<template>
  <Person a="哈哈" :list="PersonList"/>
</template>

<script lang="ts" setup name="App">
import Person from './components/Preson.vue'
import {reactive} from "vue";
import type {PersonType} from "@/types";


let PersonList = reactive<PersonType>([
  {id: 1, name: '张三', age: 18},
  {id: 2, name: '李四', age: 19},
  {id: 3, name: '王五', age: 20},
  {id: 4, name: '赵六', age: 21},
  {id: 5, name: '孙七', age: 22},
  {id: 6, name: '周八', age: 23},
  {id: 7, name: '吴九', age: 24},
  {id: 8, name: '郑十', age: 25},
])

// console.log(PersonList)
</script>

<style scoped>
/* css样式 */
div {
  background-color: #ddd;
  box-shadow: 0 0 10px #000;
  border-radius: 10px;
  padding: 20px;
}
</style>